.recommend{
  padding: 16px;
  width: 768px;
  height: 222px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 10px 5px #ccc;
  margin: 0 auto;
  >main{
    flex: 1;
  }
  textarea{
    width: 100%;
    height: 142px;
    resize: none;
    outline: none;
    margin: 0px;
    padding: 4px 11px;
    border: 1px solid #ccc;
  }
  >footer{
    display: flex;
    justify-content: space-between;
    >div{
      line-height: 32px;
    }
  }
}

:global{
  .ant-popover-inner-content{
    width: 512px;
    height: 246px;
    >.emo{
      width: 100%;
      height: 100%;
      overflow-y: scroll;
      font-size: 22px;
      user-select: none;
      cursor: pointer;
      &::-webkit-scrollbar {
        width: 0px;
    
      }
    }
  }
}